<script setup lang="ts">
import { WebProxyConfig } from '../../services/client';

const props = defineProps<{ column?: number }>()
const model = defineModel<WebProxyConfig>({ required: true })

</script>

<template>
    <ElDescriptions :column="props.column" border style="width: 100%;">
        <ElDescriptionsItem label="Address">
            <ElInput v-model="model.address"></ElInput>
        </ElDescriptionsItem>
        <ElDescriptionsItem label="Bypass on Local">
            <ElSwitch v-model="model.bypassOnLocal"></ElSwitch>
        </ElDescriptionsItem>
        <ElDescriptionsItem label="Use Default Credentials">
            <ElSwitch v-model="model.useDefaultCredentials"></ElSwitch>
        </ElDescriptionsItem>
    </ElDescriptions>
</template>